import Vue from 'vue'
import App from './App.vue'
import router from '@/router'
import store from '@/store'
import TypeNav from '@/components/TypeNav'
import Carousel from '@/components/Carousel'
import Pagination from '@/components/Pagination'
//!!引入element-ui组件
import { MessageBox } from 'element-ui';
//引入自己模拟的数据  这里是将代码引入过来的
import '@/mock/mockServer.js'
//在main.js引入api接口 用于可以全局的使用
import * as API from '@/api'
Vue.config.productionTip = false
//!!引入swiper样式
import 'swiper/css/swiper.css'
//注册全局组件
Vue.component(TypeNav.name, TypeNav)
Vue.component("Carousel", Carousel)
Vue.component("Pagination", Pagination)
//!!引入全局element组件 是根据element文档说明来引入的
Vue.prototype.$msgbox = MessageBox;
Vue.prototype.$alert = MessageBox.alert;
//引用图片懒加载插件
//!!在vue2中要使用这个插件，必须安装1.3.3版本的才能用
import VueLazyload from 'vue-lazyload'
//引入懒加载图片需要的图片
import tupian from '@/assets/images/vuex.png'
//用插件
Vue.use(VueLazyload, {
  loading: tupian
})
//测试代码
// import { regCategoryList, reggetsearchList } from "@/api/index";
// regCategoryList();
// reggetsearchList({});
new Vue({
  render: h => h(App),
  beforeCreate() {
    Vue.prototype.$bus = this
    //在Vue上绑定全局的API  可以在全局使用
    Vue.prototype.$API = API

  },
  //写下下面两行代码 就可以全局用$router和 $store
  router,
  store
}).$mount('#app')
